<ion-header>
    <ion-toolbar content-page>
        <ion-buttons start>
            <button ion-button icon-only navPop>
                <i class="back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            {{title}}
        </ion-title>
        <ion-buttons end>
            <button ion-button icon-only adpmenutoggle>
                <i class="toolbar-menu"></i>
            </button>
        </ion-buttons>
    </ion-toolbar>
</ion-header>
<ion-content (ionScroll)="scrolling()" (ionScrollStart)="scrollStart($event)" (ionScrollEnd)="scrollEnd($event)">
    <!--下拉刷新-->
    <ion-refresher (ionRefresh)="doRefresh($event)" [pullMax]="800">
        <ion-refresher-content></ion-refresher-content>
    </ion-refresher>
    <div class="fixed-bar">
        <span class="playback-num">共{{playbackList.length}}个结果</span>
        <button ion-button class="filter-type" (click)="sorterPlaybackList()" [class.filter-type_up]="isOrderUp">
            直播时间<i></i>
        </button>
        <button ion-button class="filter-btn" (click)="goToPlayBackFilter()"><i></i>筛选</button>

    </div>
    <div class="card-list">
        <div *ngIf="playbackList && playbackList.length === 0 && isLoaded" class="no-data">
            <div class="no-data-img"><img src="./assets/images/common/icon_nodata.png"></div>
            <div class="no-data-txt">没有相关数据</div>
        </div>
        <div class="card-content" *ngIf="playbackList.length>0">
            <div *ngFor="let playback of playbackList" class="playback-item" (click)="goToPlayerPage(playback)">
                <img class="playback-image" [src]="playback.webcastImgUrl">
                <div class="play-btn"></div>
                <div class="right-info">
                    <h2 class="play-title">
                        [{{typeResolve(playback.playbackCategory)}}] {{playback.subject}}
                    </h2>
                    <p class="play-time">{{unixResolve(playback.webcastStartTime)}}</p>
                </div>
            </div>
        </div>

    </div>
    <div *ngIf="playbackList.length > 0" class="is-arrival-bottom" [ngClass]="{'bottom':isArriveBottom}">
        到底了
    </div>
    <ion-fab bottom right class="go-up">
        <button ion-fab (click)="goUp()" color="light">
            <img class="go-up-icon" src="./assets/images/client/client-list/icon_top.png" alt="">
        </button>
    </ion-fab>

    <ion-fab class="fab-bottom-shadow-list">
        <button ion-fab style="display: none"></button>
    </ion-fab>
</ion-content>
